<template>
	<view class="account">
		<u-navbar title="我的账户" leftIconColor="#f8f8f8" :placeholder="true" bgColor="#fff">
			<template #left>
				<navigator url="/pages/my/index" open-type="switchTab">
					<image class="logo" src="/static/zuo1.png" style="width: 40rpx; height: 40rpx; margin-right: 20rpx">
					</image>
				</navigator>
			</template>
		</u-navbar>
		<view class="touxiang">
			<image src="../../static/daka.jpeg" mode="" class="img"></image>
			<view class="editbgc">更换头像</view>
		</view>
		<view class="ul">
			<view class="li"><input type="text" value="陈小姐" /></view>
			<view class="li"><input type="text" value="1888888888" /></view>
			<view class="li">女士</view>
			<view class="li" @click="editpassword">更改密码</view>
		</view>
		<view class="editbtn" @click="goSuc">提交</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		methods: {
			editpassword() {
				uni.navigateTo({
					url: "/pages/my/settingup",
				});
			},
			goSuc() {
				uni.navigateTo({
					url: "/pages/my/accountsucess",
				});
			},
		},
	};
</script>

<style lang="scss" scoped>
	* {
		margin: 0;
		padding: 0;
		// box-sizing: border-box;
	}

	.account {
		font-family: "Poppins";
	}

	.touxiang {
		width: 100%;
		text-align: center;
		padding: 50rpx;

		.img {
			width: 150rpx;
			height: 150rpx;
			border-radius: 50%;
			margin-bottom: 10rpx;
		}

		.editbgc {
			font-size: 30rpx;
			color: #ffaa1a;
		}
	}

	.ul {
		background-color: #fff;
		border-radius: 15rpx;
		padding: 0rpx 80rpx;
		margin-bottom: 90rpx;

		.li {
			margin: 0 auto;
			height: 60rpx;
			background: #f6f6f7;
			border-radius: 50rpx;
			margin-bottom: 30rpx;
			padding: 20rpx 40rpx;
			line-height: 60rpx;
			color: #1a1a1a;
			font-size: 28rpx;

			display: flex;
			align-items: center;
			color: #acbac3;

			input {
				border: 0;
				height: 60rpx;
				font-size: 28rpx;
			}
		}
	}

	.editbtn {
		width: 80%;
		background: #4a4543;
		color: #fff;
		height: 100rpx;
		border-radius: 50rpx;
		font-size: 36rpx;
		margin: 0 auto;
		text-align: center;
		line-height: 100rpx;
	}
</style>